A=estilos en línea
B=ID
C=Clases
D=marcas
Normalmente cuanto más detallado más puntuación:
En nuestro caso:
1- "#caja .cabecera h1 {color: purple;}" puntuación: A=0, B=1, C=1, D=1----TOTAL: 111 ES LA PRIORIDAD POR C
2- "#caja header h1 {color: blue;}" puntuación: A=0, B=1, C=0, D=2---- TOTAL: 102
3- "header h1 {color: green;}" puntuación: A=0, B=0, C=0, D=2----TOTAL: 2
4- "h1 { color: red; }" puntuación: A=0, B=0, C=0, D=1----TOTAL: 1
5- "h1 { color: yellow; }" puntuación: A=0, B=0, C=0, D=1----TOTAL 1: es igual que la anterior pero está antes en el código.